<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="_token" content="{{ csrf_token() }}"/>
  <title>Qkids久趣英语</title>

  @if (getenv('APP_ENV') === 'local')
    <link href="{{env('CDN_RESOURCE')}}/mobile/campaign/verify/css/verify.css?v={{config('app.version')}}" rel="stylesheet" type="text/css">
  @else
    <link href="{{env('CDN_RESOURCE')}}/mobile/campaign/verify/css/verify.min.css?v={{config('app.version')}}" rel="stylesheet" type="text/css">
  @endif

  @include('mobile.partial.config')
  @include('mobile.partial.wechatSign')
  @include('mobile.partial.browserSync')
</head>
<body>
<div class="container">

  <div class="text">将于<span>「10月15日」</span>后陆续开课<br/>专属班主任将与您联系</div>
  <img class="qrcode" src="{{env('CDN_RESOURCE')}}/mobile/campaign/verify/img/qrcode.png">
  <div class="qrcode-text">长按关注「久趣英语服务号」</div>
  <div class="footer">如有疑问请在「久趣英语服务号」联系客服</div>

  <div class="mask" hidden>
    <div class="user-info" hidden>
      <div class="title">填写宝贝资料</div>
      <div class="form">
        <div class="form-group nickname-group">
          <label class="input-label" for="nickname">昵称</label>
          <input id="nickname" name="nickname" class="nickname" type="text" placeholder="请输入英文昵称">
          <div class="random">随机</div>
        </div>
        <div class="form-group age-group">
          <label class="input-label">年龄</label>
          <input id="birthday" name="birthday" type="date" class="age" placeholder="请选择孩子年龄">
          <label for="birthday">请选择孩子年龄</label>
        </div>
        <div class="form-group sex-group">
          <label class="input-label" for="sex">性别</label>
          <input id="boy" type="radio" name="sex" value="1" checked hidden/>
          <label for="boy">男孩</label>
          <input id="girl" type="radio" name="sex" value="2" hidden/>
          <label for="girl">女孩</label>
        </div>
        <div class="form-group pwd-group">
          <label class="input-label" for="password">密码</label>
          <input id="password" name="password" class="password" type="password" placeholder="6～12位新密码，数字加字母" maxlength="12">
        </div>
      </div>
      <div class="submit" id="updateUserProfile">完成</div>
    </div>
    <div class="class-time" hidden>
      <div class="title">选择上课时间</div>
      <div class="weeken">
        <input id="weeken-1" type="radio" name="weeken" value="2" checked hidden/>
        <label for="weeken-1">每周2课</label>
        <input id="weeken-2" type="radio" name="weeken" value="3" hidden/>
        <label for="weeken-2">每周3课</label>
      </div>
      <div class="frequency">
        <div class="class-frequency-title">每周上课频率</div>
        <div id="frequency2" class="class-frequency2-list">
          <input id="frequency2-1" type="radio" name="frequency2" value="d1_d3" checked hidden/>
          <label for="frequency2-1">周一&周三</label>
          <input id="frequency2-2" type="radio" name="frequency2" value="d1_d5" hidden/>
          <label for="frequency2-2">周一&周五</label>
          <input id="frequency2-3" type="radio" name="frequency2" value="d2_d4" hidden/>
          <label for="frequency2-3">周二&周四</label>
          <input id="frequency2-4" type="radio" name="frequency2" value="d2_d6" hidden/>
          <label for="frequency2-4">周二&周六</label>
          <input id="frequency2-5" type="radio" name="frequency2" value="d3_d5" hidden/>
          <label for="frequency2-5">周三&周五</label>
          <input id="frequency2-6" type="radio" name="frequency2" value="d4_d6" hidden/>
          <label for="frequency2-7">周四&周六</label>
        </div>
        <div id="frequency3" class="class-frequency3-list" style="display: none;">
          <input id="frequency3-1" type="radio" name="frequency3" value="d1_d3_d5" checked hidden/>
          <label for="frequency3-1">周一、周三&周五</label>
          <input id="frequency3-2" type="radio" name="frequency3" value="d2_d4_d6" hidden/>
          <label for="frequency3-2">周二、周四&周六</label>
        </div>
      </div>
      <div class="time">
        <div class="class-time-title">每次上课时段</div>
        <div class="class-time-list">
          <input id="time-1" type="radio" name="time" value="t7" checked hidden/>
          <label for="time-1">18:40-19:05</label>
          <input id="time-2" type="radio" name="time" value="t8" hidden/>
          <label for="time-2">19:20-19:45</label>
          <input id="time-3" type="radio" name="time" value="t9" hidden/>
          <label for="time-3">20:00-20:25</label>
          <input id="time-4" type="radio" name="time" value="t10" hidden/>
          <label for="time-4">20:40-21:05</label>
        </div>
      </div>
      <div class="submit" id="submitClassTime">完成</div>
    </div>
    <div class="survey" hidden>
      <div class="title">填写问卷调查</div>
      <div class="in-school">
        <div class="in-school-title">Q1. 校内学了几年英语</div>
        <div class="in-school-list">
          <input id="in-school-1" type="radio" name="in-school" value="0" checked hidden/>
          <label for="in-school-1">没学过</label>
          <input id="in-school-2" type="radio" name="in-school" value="1" hidden/>
          <label for="in-school-2">1年</label>
          <input id="in-school-3" type="radio" name="in-school" value="2" hidden/>
          <label for="in-school-3">2年</label>
          <input id="in-school-4" type="radio" name="in-school" value="3" hidden/>
          <label for="in-school-4" style="margin-right: 0;">3年</label>
          <input id="in-school-5" type="radio" name="in-school" value="4" hidden/>
          <label for="in-school-5">4年</label>
          <input id="in-school-6" type="radio" name="in-school" value="5" hidden/>
          <label for="in-school-6">≥5年</label>
        </div>
      </div>
      <div class="out-school">
        <div class="out-school-title">Q2. 校外学了几年英语</div>
        <div class="out-school-list">
          <input id="out-school-1" type="radio" name="out-school" value="0" checked hidden/>
          <label for="out-school-1">没学过</label>
          <input id="out-school-2" type="radio" name="out-school" value="1" hidden/>
          <label for="out-school-2">1年</label>
          <input id="out-school-3" type="radio" name="out-school" value="2" hidden/>
          <label for="out-school-3">2年</label>
          <input id="out-school-4" type="radio" name="out-school" value="3" hidden/>
          <label for="out-school-4" style="margin-right: 0;">3年</label>
          <input id="out-school-5" type="radio" name="out-school" value="4" hidden/>
          <label for="out-school-5">4年</label>
          <input id="out-school-6" type="radio" name="out-school" value="5" hidden/>
          <label for="out-school-6">≥5年</label>
        </div>
      </div>
      <div class="submit" id="submitSurvey">提交资料</div>
    </div>
  </div>

</div>

@if (getenv('APP_ENV') === 'local')
  <script src="{{env('CDN_RESOURCE')}}/mobile/campaign/verify/js/verify.js?v={{config('app.version')}}"></script>
@else
  <script src="{{env('CDN_RESOURCE')}}/mobile/campaign/verify/js/verify.min.js?v={{config('app.version')}}"></script>
@endif

</body>
</html>